function drawSpinCountPromotion(n){
    let spinCount = $(".promotion-spin-count");
    $('.spin-count-number').remove();
    while(n > 0) {
        spinCount.prepend(`<div class="spin-count-number image-number-${n % 10}" style="background-image:url(./Content/Images/Promotion/Numbers/${n % 10}.png)"></div>`);
        n /= 10;
        n = Math.floor(n);
    }
}
let offerId = ''
function getBuyPersonalPromotionUrl(purchaseOffer,clientId, portalName, currencyCode, offerId) {
    return `${promotionMainUrl}api/PersonalOfferAPi/${purchaseOffer}/${clientId}/${portalName}/${currencyCode}/${offerId}`;
}
function buyPersonalPromotion(){
    let buyPromotionUrl = getBuyPersonalPromotionUrl('PurchaseOffer',clientId,portalName,currencyCode,offerId)
    $.ajax({
        url: buyPromotionUrl,
        success: function(data){
            $('.buy-promotion-button').removeClass('buy');
            $('.buy-promotion-button').addClass('purchased');
            $('.buy-promotion-button').html(GetCaption('personal.promotion.purchase.successful'));
            $('.play-promotion-game').css('display','flex');
            $('.close-personal-promotion').addClass('warning-popup-disabled');
        },
        error: function(xhr, status, error){
            var errorMessage = xhr.status + ': ' + xhr.statusText
            $('.buy-promotion-button').removeClass('buy');
            $('.buy-promotion-button').addClass('no-money');
            $('.buy-promotion-button').html(GetCaption('personal.promotion.no.money'));
            $('.close-personal-promotion').addClass('warning-popup-disabled');
        }
    });
}
function rejectPersonalPromotion(){
    let buyPromotionUrl = getBuyPersonalPromotionUrl('RejectOffer',clientId,portalName,currencyCode,offerId)
    $.ajax({
        url: buyPromotionUrl,
        success: function(data){
        },
        error: function(xhr, status, error){
            var errorMessage = xhr.status + ': ' + xhr.statusText;
        }
    });
}
function getPersonalPromotionUrl(clientId, portalName, currencyCode) {
    return `${promotionMainUrl}api/PersonalOfferAPi/GetPromotionList/${clientId}/${portalName}/${currencyCode}`;
}
function showPersonalPromotion(){
    let personaPromotionUrl = getPersonalPromotionUrl(clientId, portalName, currencyCode);
    $.ajax({
        url: personaPromotionUrl,
        method: "GET"
    }).done(function(data){
        if( data ){
            $('.buy-promotion-button').removeClass('purchased');
            $('.buy-promotion-button').removeClass('no-money');
            $('.buy-promotion-button').addClass('buy');
            $('.buy-promotion-button').html(GetCaption('personal.promotion.buy'));
            $('.play-promotion-game').css('display','none');
            $('.personal-promotion').attr('data-promotion-lang',$("#HiddenLanguageParameter").val());
            $('.captionKey').each(function (e) {
                let attr = GetCaption($(this).data('caption'));
                $(this).html(attr);
            });
            for(let i = 0; i < data.length; i++){
                drawSpinCountPromotion(data[i].Quantity);
                offerId = data[i].OfferId
                $('.promotion-price').attr("data-currency",data[i].CurrencyCode);
                $('.personal-promotion-discount-price-text').html(data[i].Price);
                $('.personal-promotion-price-text').html(data[i].OriginalPrice);
                $('.play-promotion-game-text').html(GetCaption('personal.promotion.play.game')  + ' ' + data[i].GameDisplayName);
                $('.one-spin-price-text').html(GetCaption('personal.promotion.one.spin') + ' = '+ data[i].GiftItem.Price + ' '  + data[i].CurrencyCode);
                $('.promotion-sale-percent').html(Math.round(data[i].Sale) + '%');
                data[i].GameType ?  $(".personal-promotion").fadeIn(200) : $(".personal-promotion").fadeOut(200);
                let mobileString = bowser.mobile ? "Mobile" : ""; 
                $('.play-promotion-game').attr('data-category',data[i].GameCategory + mobileString);
                $('.play-promotion-game').attr('data-game',data[i].GameType);
                $('.promotion-game-icon').css('background-image',`url(./Content/Images/Promotion/promotion-games/${data[i].GameType.toLowerCase()}.png)`);
            }
        }else{
            
        }
    })
}
function personalPromotionDiv() {
    var personalPromoScale = 1;
    var width = $(window).width();
    var height = $(window).height();
    var o_width = 1280;
    var o_height = 760;
    if (bowser.mobile) {
        o_width = 1280;
        o_height = 760;
        if (height > width) {
            o_width = 400;
            o_height = 840;
        } else {
        }
    }

    var w_scale = 0;
    var h_scale = 0;

    w_scale = width / o_width;
    h_scale = height / o_height;
    m_scale = Math.min(w_scale, h_scale);
    personalPromoScale = m_scale;
    if (personalPromoScale > 1) personalPromoScale = 1;

    // if (bowser.mobile) {
    //     $('.personal-promotion-container').css({ transform: 'scale(' + personalPromoScale + ',' + personalPromoScale + ')' });
    // } else {
    // }
        $('.personal-promotion-container').css({ transform: 'scale(' + personalPromoScale + ',' + personalPromoScale + ')'});
        $('.personal-promo-warning-bg').css({ transform: 'scale(' + personalPromoScale + ',' + personalPromoScale + ')'});
}
$(document).ready(function(){
    $('.play-promotion-game').on('click',function(){
        $('.personal-promotion').fadeOut(100);
        $('.XplusY-promotion-icon').fadeOut(0)
        openPromotionGame($(this).attr("data-game"),$(this).attr("data-category") );
    })
    $(".close-personal-promotion").on("click touchstart",function(){
        $('.personal-promo-warning-container').fadeIn(100)   
    })
    $(document).on('click','.close-personal-promotion.warning-popup-disabled',function(){
        $(".personal-promotion").fadeOut(100);
    })
    $(document).on('click','.warning-text-button-not-interested',function(){
        $('.personal-promo-warning-container').fadeOut(100);
        $(".personal-promotion").fadeOut(100);
        if($('#show-again-input').prop('checked') === true){
            rejectPersonalPromotion();
        }
    })
    $(document).on('click','.warning-text-button-buy', function(){
        $('.personal-promo-warning-container').fadeOut();
        $('.buy-promotion-button.buy').trigger('click');
        $('.close-personal-promotion').addClass('warning-popup-disabled');
    })
    $(document).on('click', '.buy-promotion-button.buy', function(){
        buyPersonalPromotion() 
    })
})
$(window).resize( function (){
    personalPromotionDiv();
})